.transaction-analysis{
	min-height: 100vh;
	background-color: #f2f2f2;
	.main{
		padding: 32rpx;
		box-sizing: border-box;
		.statistical-data-container{
			width: 100%;
			background-color: #ffffff;
			padding: 48rpx 32rpx 48rpx 32rpx;
			box-sizing: border-box;
			border-radius: 24rpx;
			.title{
				height: 44rpx;
				font-size: 32rpx;
				font-family: $global-font-family;
				font-weight: bold;
				color: #000000;
				line-height: 44rpx;
				margin-bottom: 24rpx;
			}
			.data-item-wrapper{
				.sub-title-wrapper{
					display: flex;
					 
					.sub-title{
						height: 40rpx;
						font-size: 28rpx;
						font-family: $global-font-family;
						font-weight: bold;
						color: #333333;
						line-height: 40rpx;
						padding-left: 12rpx;
						margin-bottom: 22rpx;
						position: relative;
						&::after{
							content: "";
							display: block;
							width: 8rpx;
							height: 28rpx;
							background-color: $global-theme-color;
							position: absolute;
							 top: 50%;
							 left:0rpx;
							 transform: translateY(-50%);
						}
					}
				}
				.data-main-list-wrapper{
					display: flex;
					flex-wrap: wrap;
					.data-sub-item{
						width: 50%;
						height: 112rpx;
						margin-bottom: 16rpx;
						.value{
							height: 50rpx;
							font-size: 36rpx;
							// font-weight: bold;
							color: #000000;
							line-height: 50rpx;
							width: 100%;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
						.label{
							height: 34rpx;
							font-size: 24rpx;
							font-weight: 400;
							color: #999999;
							line-height: 34rpx;
						}
					}
				}
				.transaction-statistics-wrapper{
					.charts-box{
						width: 100%;
						height: 388rpx;
					}
				}
			}
		}
		.transaction-statistics-container{
			width: 100%;
			height: 446rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			margin-top: 32rpx;
			padding: 22rpx 24rpx 22rpx 24rpx;
			box-sizing: border-box;
			.title{
				width: 100%;
				height: 44rpx;
				font-size: 32rpx;
				font-family: $global-font-family;
				font-weight: bold;
				color: #333333;
				line-height: 44rpx;
				margin-bottom: 32rpx;
			}
			.charts-box{
				width: 100%;
				height: 288rpx;
			}
		}
	}
}